<html>
<!--
调用
<iframe src="1.html" name="OpenartDialog15522669910540" frameborder="0" allowtransparency="true" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" style="left: 0px; top: 0px; width: 100%; height: 500px; border: none;background:#c7c7c7;"></iframe>
-->

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>H5 时钟</title>
	<link rel="stylesheet" href="page.css" media="screen" type="text/css">
	<style>
		body {
			margin: 0;
			padding: 0;
		}
	</style>
</head>

<body>
	<div class="fill">
		<div class="reference"></div>
		<div class="clock" id="utility-clock" style="transform: scale(0.612);">
			<div class="centre">
				<div class="dynamic">
					<div class="anchor" style="transform: rotate(6deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(12deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(18deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(24deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="minute-text" style="top: -116.9px; left: 67.5px;">05</div>
					<div class="anchor" style="transform: rotate(36deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(42deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(48deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(54deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="minute-text" style="top: -67.5px; left: 116.9px;">10</div>
					<div class="anchor" style="transform: rotate(66deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(72deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(78deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(84deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="minute-text" style="top: 0px; left: 135px;">15</div>
					<div class="anchor" style="transform: rotate(96deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(102deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(108deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(114deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="minute-text" style="top: 67.5px; left: 116.9px;">20</div>
					<div class="anchor" style="transform: rotate(126deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(132deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(138deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(144deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="minute-text" style="top: 116.9px; left: 67.5px;">25</div>
					<div class="anchor" style="transform: rotate(156deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(162deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(168deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(174deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="minute-text" style="top: 135px; left: 0px;">30</div>
					<div class="anchor" style="transform: rotate(186deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(192deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(198deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(204deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="minute-text" style="top: 116.9px; left: -67.5px;">35</div>
					<div class="anchor" style="transform: rotate(216deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(222deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(228deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(234deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="minute-text" style="top: 67.5px; left: -116.9px;">40</div>
					<div class="anchor" style="transform: rotate(246deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(252deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(258deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(264deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="minute-text" style="top: 0px; left: -135px;">45</div>
					<div class="anchor" style="transform: rotate(276deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(282deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(288deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(294deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="minute-text" style="top: -67.5px; left: -116.9px;">50</div>
					<div class="anchor" style="transform: rotate(306deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(312deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(318deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(324deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="minute-text" style="top: -116.9px; left: -67.5px;">55</div>
					<div class="anchor" style="transform: rotate(336deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(342deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(348deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(354deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="minute-text" style="top: -135px; left: 0px;">60</div>
					<div class="hour-text hour-1" style="top: -90.9px; left: 52.5px;">1</div>
					<div class="hour-text hour-2" style="top: -52.5px; left: 90.9px;">2</div>
					<div class="hour-text hour-3" style="top: 0px; left: 105px;">3</div>
					<div class="hour-text hour-4" style="top: 52.5px; left: 90.9px;">4</div>
					<div class="hour-text hour-5" style="top: 90.9px; left: 52.5px;">5</div>
					<div class="hour-text hour-6" style="top: 105px; left: 0px;">6</div>
					<div class="hour-text hour-7" style="top: 90.9px; left: -52.5px;">7</div>
					<div class="hour-text hour-8" style="top: 52.5px; left: -90.9px;">8</div>
					<div class="hour-text hour-9" style="top: 0px; left: -105px;">9</div>
					<div class="hour-text hour-10" style="top: -52.5px; left: -90.9px;">10</div>
					<div class="hour-text hour-11" style="top: -90.9px; left: -52.5px;">11</div>
					<div class="hour-text hour-12" style="top: -105px; left: 0px;">12</div>
					<div class="anchor" style="transform: rotate(6deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(12deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(18deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(24deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="minute-text" style="top: -116.9px; left: 67.5px;">05</div>
					<div class="anchor" style="transform: rotate(36deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(42deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(48deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(54deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="minute-text" style="top: -67.5px; left: 116.9px;">10</div>
					<div class="anchor" style="transform: rotate(66deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(72deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(78deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(84deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="minute-text" style="top: 0px; left: 135px;">15</div>
					<div class="anchor" style="transform: rotate(96deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(102deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(108deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(114deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="minute-text" style="top: 67.5px; left: 116.9px;">20</div>
					<div class="anchor" style="transform: rotate(126deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(132deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(138deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(144deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="minute-text" style="top: 116.9px; left: 67.5px;">25</div>
					<div class="anchor" style="transform: rotate(156deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(162deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(168deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(174deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="minute-text" style="top: 135px; left: 0px;">30</div>
					<div class="anchor" style="transform: rotate(186deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(192deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(198deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(204deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="minute-text" style="top: 116.9px; left: -67.5px;">35</div>
					<div class="anchor" style="transform: rotate(216deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(222deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(228deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(234deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="minute-text" style="top: 67.5px; left: -116.9px;">40</div>
					<div class="anchor" style="transform: rotate(246deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(252deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(258deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(264deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="minute-text" style="top: 0px; left: -135px;">45</div>
					<div class="anchor" style="transform: rotate(276deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(282deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(288deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(294deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="minute-text" style="top: -67.5px; left: -116.9px;">50</div>
					<div class="anchor" style="transform: rotate(306deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(312deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(318deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(324deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="minute-text" style="top: -116.9px; left: -67.5px;">55</div>
					<div class="anchor" style="transform: rotate(336deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(342deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(348deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="anchor" style="transform: rotate(354deg);">
						<div class="element minute-line"></div>
					</div>
					<div class="minute-text" style="top: -135px; left: 0px;">60</div>
					<div class="hour-text hour-1" style="top: -90.9px; left: 52.5px;">1</div>
					<div class="hour-text hour-2" style="top: -52.5px; left: 90.9px;">2</div>
					<div class="hour-text hour-3" style="top: 0px; left: 105px;">3</div>
					<div class="hour-text hour-4" style="top: 52.5px; left: 90.9px;">4</div>
					<div class="hour-text hour-5" style="top: 90.9px; left: 52.5px;">5</div>
					<div class="hour-text hour-6" style="top: 105px; left: 0px;">6</div>
					<div class="hour-text hour-7" style="top: 90.9px; left: -52.5px;">7</div>
					<div class="hour-text hour-8" style="top: 52.5px; left: -90.9px;">8</div>
					<div class="hour-text hour-9" style="top: 0px; left: -105px;">9</div>
					<div class="hour-text hour-10" style="top: -52.5px; left: -90.9px;">10</div>
					<div class="hour-text hour-11" style="top: -90.9px; left: -52.5px;">11</div>
					<div class="hour-text hour-12" style="top: -105px; left: 0px;">12</div>
				</div>
				<div class="expand round circle-1"></div>
				<div class="anchor hour" style="transform: rotate(283.24deg);">
					<div class="element thin-hand"></div>
					<div class="element fat-hand"></div>
				</div>
				<div class="anchor minute" style="transform: rotate(3398.88deg);">
					<div class="element thin-hand"></div>
					<div class="element fat-hand minute-hand"></div>
				</div>
				<div class="anchor second" style="transform: rotate(203933deg);">
					<div class="element second-hand"></div>
				</div>
				<div class="expand round circle-2"></div>
				<div class="expand round circle-3"></div>
			</div>
		</div>
	</div>

	<script src="page.js"></script>

</body>

</html>
